/* banner 开始 */
.fullSlide {
  width: 100%;
  position: relative;
  height: 674px;
  overflow: hidden;
}
.fullSlide .bd {
  height: 674px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.fullSlide .bd ul {
  width: 100% !important;
}
.fullSlide .bd li {
  width: 100% !important;
  height: 674px;
  overflow: hidden;
  text-align: center;
}
.fullSlide .bd li a {
  display: block;
  height: 1180px;
}
.fullSlide .hd {
  width: 100%;
  position: absolute;
  z-index: 2;
  bottom: 10px;
  left: 0;
  height: 35px;
  text-align: center;
}
.fullSlide .hd ul {
  text-align: center;
}
.fullSlide .hd ul li {
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  width: 12px;
  height: 12px;
  margin: 7px;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  line-height: 99px;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.fullSlide .hd ul .on {
  width: 40px;
  background: #f2d15e;
  border-radius: 6px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.fullSlide .prev,
.fullSlide .next {
  width: 40px;
  height: 60px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  z-index: 2;
  background: url(../images/slider-arrow.png) -126px -137px rgba(255, 255, 255, 0.5) no-repeat;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.fullSlide .prev {
  background: url(../images/slider-arrow.png) -126px -137px rgba(255, 255, 255, 0.5) no-repeat;
  left: 10%;
}
.fullSlide .next {
  background-position: -6px -137px;
  right: 10%;
}
/* banner 结束 */
@keyframes lamp {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
.message {
  width: 100%;
  height: 100px;
  background-color: #f2d15e;
}
.message .center {
  height: 100%;
  overflow: hidden;
  padding: 26px 0 24px;
  box-sizing: border-box;
}
.input1 {
  float: left;
  width: 198px;
  height: 100%;
  overflow: hidden;
  margin-right: 18px;
}
.input1 label {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background-color: #202020;
  position: relative;
}
.input1 label img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.input1 input {
  float: left;
  display: block;
  width: 130px;
  height: 100%;
  font-size: 16px;
  line-height: 16px;
  color: #333333;
  margin-left: 18px;
  padding: 4px 0 30px;
  box-sizing: border-box;
  border-bottom: 1px solid #333333;
  background: transparent;
}
.input1 input::placeholder {
  color: #333333;
}
.input3 {
  width: 225px;
  margin-right: 26px;
}
.input3 input {
  width: 154px;
  margin-left: 20px;
}
.input4 {
  width: 352px;
  margin-right: 25px;
}
.input4 input {
  width: 154px;
  margin: 0 12px;
}
.input4 > img {
  display: block;
  width: 89px;
  height: 35px;
  cursor: pointer;
  margin: 17px 0 0;
}
.m_sub {
  float: left;
  display: block;
  width: 140px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  color: #ffffff;
  cursor: pointer;
  margin: 5px 0;
  border-radius: 5px;
  background-color: #2d2d2d;
}
.product {
  width: 100%;
  height: 1090px;
  overflow: hidden;
  padding: 66px 0 72px;
  box-sizing: border-box;
  background: url("../images/product_bg.jpg") no-repeat center center;
}
.product .center {
  height: 100%;
}
.pro_top {
  text-align: center;
}
.pro_top h4 {
  width: 100%;
  height: 15px;
  font-size:20px;
  color:#fff;
  background: url("../images/product-h4.png") center no-repeat;
}
.pro_top h3 {
  width: 100%;
  height: 38px;
  margin-top: 14px;
  background: url("../images/product-h3.png") center no-repeat;
}
.pro_top h3 a  {
  display: block;
  font-size:40px;
  color:#fff;
  font-weight:bold;
  }
  .pro_top h3 a span {
 color:#f2d15e;
  }
  
.pro_top .pro_hr {
  width: 100%;
  height: 10px;
  margin-top: 24px;
  background: url("../images/title.png") center no-repeat;
}
.pro_bot {
  margin-top: 40px;
}
.pro_bot1 {
  width: 100%;
  height: 440px;
}
.pro_box {
  width: 100%;
  height: 440px;
  overflow: hidden;
}
.pro_box li {
  float: left;
  width: 226px;
  height: 100%;
  margin-right: 19px;
  background: url("../images/prodcut-k.png") right bottom no-repeat #323232;
  position: relative;
}
.pro_box li:nth-child(3) {
  background: url("../images/prodcut-k.png") right bottom no-repeat #444444;
}
.pro_box li:nth-child(4) {
  margin-right: 0;
  background: url("../images/prodcut-k.png") right bottom no-repeat #565656;
}
.pro_box li .pro_item1 {
  width: 226px;
  height: 440px;
  box-sizing: border-box;
  padding: 54px 66px 165px 42px;
  position: relative;
  transition: all 0.5s;
}
.pro_box li .pro_item1 .pro_icon {
  width: 46px;
  height: 42px;
  display: block;
}
.pro_box li .pro_item1 .pro_icon1 {
  background: url("../images/pro_icon1.png") no-repeat center center;
}
.pro_box li .pro_item1 .pro_icon2 {
  background: url("../images/pro_icon2.png") no-repeat center center;
}
.pro_box li .pro_item1 .pro_icon3 {
  background: url("../images/pro_icon3.png") no-repeat center center;
}
.pro_box li .pro_item1 .pro_icon4 {
  background: url("../images/pro_icon4.png") no-repeat center center;
}
.pro_box li .pro_item1 .pro_tit {
  display: block;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 38px;
}
.pro_box li .pro_item1 .pro_hr2 {
  width: 15px;
  height: 1px;
  margin-top: 12px;
  background-color: #ffffff;
}
.pro_box li .pro_item1 p {
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  height: 96px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  margin-top: 27px;
}
.pro_box li .pro_item1 .pro_btn {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: url("../images/pro_btn.png");
  position: absolute;
  bottom: 45px;
  left: 46px;
}
.pro_box li .pro_item2 {
  width: 0;
  height: 440px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s;
}
.pro_box li .pro_item2 .pro_img,
.pro_box li .pro_item2 .pro_img img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all 0.5s;
}
.pro_box li .pro_item2 .pro_desc {
  width: 465px;
  height: 140px;
  box-sizing: border-box;
  padding: 24px 170px 38px 42px;
  background: url("../images/pro_zz.png") center no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.pro_box li .pro_item2 .pro_desc .pro_tit2 {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  color: #f2d15e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro_box li .pro_item2 .pro_desc p {
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 20px;
}
.pro_box li .pro_item2 .pro_desc .pro_btn2 {
  display: block;
  width: 36px;
  height: 36px;
  background: url("../images/pro_btn.png");
  position: absolute;
  bottom: 36px;
  right: 40px;
}
.pro_box .pro_on {
  width: 465px;
  height: 440px;
}
.pro_box .pro_on .pro_item1 {
  width: 0;
  opacity: 0;
}
.pro_box .pro_on .pro_item2 {
  width: 465px;
  opacity: 1;
}
.pro_bot2 {
  margin-top: 40px;
}
.pro_title {
  width: 100%;
  height: 40px;
  overflow: hidden;
  position: relative;
}
.pro_title li {
  float: left;
  width: 130px;
  height: 40px;
  margin-right: 20px;
  overflow: hidden;
  border-radius: 19px;
  background-color: #ffffff;
}
.pro_title li p {
  width: 130px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin-right: 20px;
  overflow: hidden;
  border-radius: 19px;
  background-color: #ffffff;
  position: relative;
  z-index: 2;
}
.pro_title li p::after {
  content: "";
  display: block;
  width: 0;
  height: 40px;
  border-radius: 16px;
  background-color: #f2d15e;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.5s;
}
.pro_title li a {
  display: none;
  font-size: 16px;
  line-height: 40px;
  color: #f2d15e;
  position: absolute;
  top: 0;
  right: 0;
}
.pro_title .pro_hot p::after {
  width: 130px;
}
.pro_title .pro_hot a {
  display: block;
}
.pro_bot22 {
  height: 260px;
  margin-top: 30px;
  overflow: hidden;
}
.pro_bot22 .swiper-container {
  height: 260px;
  overflow: hidden;
}
.pro_bot22 .swiper-container .swiper-slide {
  width: 285px;
  height: 260px;
  box-sizing: border-box;
  border-bottom: 2px solid #f2d15e;
}
.pro_bot22 .swiper-container .swiper-slide .pro_img2 {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pro_bot22 .swiper-container .swiper-slide .pro_img2 img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.pro_bot22 .swiper-container .swiper-slide .pro_tit3 {
  display: block;
  width: 100%;
  height: 74px;
  font-size: 15px;
  line-height: 15px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  padding: 40px 20px 18px;
  box-sizing: border-box;
  background: url("../images/pro_zz2.png") center no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  transition: all 0.5s;
}
.pro_bot22 .swiper-container .swiper-slide .pro_tit3::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  background: rgba(242, 209, 94, 0.6);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all 0.5s;
}
.pro_bot22 .swiper-container .swiper-slide:hover .pro_img2 img {
  transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.pro_bot22 .swiper-container .swiper-slide:hover .pro_tit3::after {
  height: 54px;
}
/* block1 */
.block1 {
  width: 100%;
  height: 577px;
  overflow: hidden;
  padding: 75px 0 82px;
  box-sizing: border-box;
  background: url("../images/block1_bg.jpg") center no-repeat fixed;
}
.block1 .center {
  height: 100%;
  text-align: center;
}
.block1 .center h6 {
  font-family: Arial;
  font-size: 222px;
  font-weight: bold;
  line-height: 166px;
  color: rgba(255, 255, 255, 0.05);
}
.block1 .center h4 {
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  color: #ffffff;
  margin-top: -128px;
}
.block1 .center h5 {
  font-family: Arial;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  margin-top: 28px;
}
.b1_box {
  height: 146px;
  margin-top: 52px;
  font-size: 0;
  text-align: center;
}
.b1_box li {
  display: inline-block;
  vertical-align: top;
  width: 334px;
  height: 100%;
  text-align: center;
  position: relative;
}
.b1_box li::after {
  content: "";
  display: block;
  width: 1px;
  height: 68px;
  background: #ffffff;
  position: absolute;
  top: 30px;
  right: 0;
}
.b1_box li:last-child::after {
  display: none;
}
.b1_box li .b1_icon {
  width: 78px;
  height: 76px;
  margin: auto;
}
.b1_box li .b1_icon1 {
  background: url("../images/block1-1.png") no-repeat center center;
}
.b1_box li .b1_icon2 {
  background: url("../images/block1-2.png") no-repeat center center;
}
.b1_box li .b1_icon3 {
  background: url("../images/block1-3.png") no-repeat center center;
}
.b1_box li h5 {
  font-size: 30px;
  line-height: 30px;
  color: #ffffff;
  margin-top: 36px;
}
.b1_box li:hover .b1_icon {
  transition: all 0.8s;
  transform: rotate3d(0, 1, 0, 360deg);
}
.b1-4 {
  width: 350px;
  height: 40px;
  margin: 58px auto 0;
  overflow: hidden;
  border-radius: 20px;
  box-sizing: border-box;
  border: solid 1px #f2d15e;
  position: relative;
}
.b1-4 .b1_btn {
  display: block;
  width: 140px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  color: #333333;
  border-radius: 19px;
  background-color: #f2d15e;
  position: absolute;
  top: -1px;
  left: -1px;
  transition: all 0.5s;
}
.b1-4 .b1_tel {
  width: calc(100% - 140px);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.5s;
}
.b1-4 .b1_tel p {
  font-size: 16px;
  color: #f2d15e;
  text-align: center;
  line-height: 38px;
}
.b1-4 .b1_tel p i {
  display: inline-block;
  font-size: 20px;
  line-height: 16px;
  color: #f2d15e;
  margin-left: 3px;
}
.b1-4:hover .b1_btn {
  left: 208px;
}
.b1-4:hover .b1_tel {
  right: 140px;
}
/* ys */
.ys {
  width: 100%;
  height: 1183px;
  overflow: hidden;
  padding: 102px 0 70px;
  box-sizing: border-box;
  background: url("../images/ys_bg.jpg") no-repeat center center;
}
.ys .center {
  height: 100%;
}
.ys_top {
  text-align: center;
}
.ys_top h4 {
  font-family: Arial;
  font-size: 111px;
  font-weight: bold;
  line-height: 82px;
  color: #ffffff;
}
.ys_top h3 {
  font-size: 32px;
  line-height: 32px;
  color: #ffffff;
  margin-top: 32px;
  position: relative;
}
.ys_top h3::before,
.ys_top h3::after {
  content: "";
  display: inline-block;
  width: 454px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.16);
  position: absolute;
  top: 50%;
}
.ys_top h3::before {
  left: 0;
}
.ys_top h3::after {
  right: 0;
}
.ys_top .ys_hr {
  width: 100%;
  height: 12px;
  margin-top: 28px;
  background: url("../images/title2.png") center no-repeat;
}
.ys_bot {
  margin-top: 38px;
}
.ys_bot .hd {
  height: 63px;
  position: relative;
}
.ys_bot .hd .ys_title {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-left: 30px;
  box-sizing: border-box;
}
.ys_bot .hd .ys_title li {
  float: left;
  height: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  color: #ffffff;
  margin-right: 65px;
  position: relative;
}
.ys_bot .hd .ys_title li:last-child {
  margin-right: 0;
}
.ys_bot .hd .ys_title li::after {
  content: "";
  display: block;
  width: 0;
  height: 4px;
  background-color: #f2d15e;
  position: absolute;
  bottom: 0;
  left: 50%;
  transition: all 0.5s;
}
.ys_bot .hd .ys_title .on::after {
  width: 36px;
  left: 0;
}
.ys_bot .hd .next,
.ys_bot .hd .prev {
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.5s;
  position: absolute;
  top: 0;
}
.ys_bot .hd .next {
  right: 0;
  background: url("../images/ys-next.png");
}
.ys_bot .hd .next:hover {
  background: url("../images/ys-next2.png");
}
.ys_bot .hd .prev {
  right: 35px;
  background: url("../images/ys_prev.png");
}
.ys_bot .hd .prev:hover {
  background: url("../images/ys_prev2.png");
}
.ys_bot .ys_img {
  width: 1200px;
  height: 500px;
  margin-top: 50px;
}
.ys_bot .ys_img img {
  display: block;
  width: 100%;
  height: 100%;
}
.ys_bot .bd {
  width: 100%;
  height: 134px;
  margin-top: 40px;
  overflow: hidden;
}
.ys_bot .bd .ys_box {
  width: 100%;
  height: 134px;
}
.ys_bot .bd .ys_box li {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url("../images/ys_hr.png") right top no-repeat;
}
.ys_bot .bd .ys_box li .ys_tit {
  float: left;
  width: 160px;
  height: 100%;
}
.ys_bot .bd .ys_box li .ys_tit h5 {
  font-size: 40px;
  line-height: 60px;
  color: #ffffff;
  margin-top: -10px;
}
.ys_bot .bd .ys_box li .ys_tit h5 span {
  display: block;
  color: #f2d15e;
}
.ys_bot .bd .ys_box li .ys_tit .ys_hr2 {
  width: 50px;
  height: 2px;
  margin-top: 18px;
  background-color: #c5ab50;
}
.ys_bot .bd .ys_box li .ys_desc {
  float: right;
  width: 970px;
  height: 100%;
  padding-top: 26px;
  box-sizing: border-box;
}
.ys_bot .bd .ys_box li .ys_desc p {
  float: left;
  width: 48%;
  height: 48px;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 15px;
  padding-left: 22px;
  box-sizing: border-box;
  position: relative;
}
.ys_bot .bd .ys_box li .ys_desc p:nth-of-type(2n) {
  float: right;
}
.ys_bot .bd .ys_box li .ys_desc p::before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #f2d15e;
  position: absolute;
  top: 6px;
  left: 0;
}
/* case */
.case {
  width: 100%;
  height: 760px;
  padding: 66px 0;
  box-sizing: border-box;
  background: url("../images/case_bg.jpg") no-repeat center center;
}
.case_top h4 {
  width: 100%;
  height: 15px;
   color:#232323;
  background: url("../images/case-h4.png") center no-repeat;
}
.case_top h3 {
  margin-top: 20px;
  font-size:40px;
  color:#232323;
  font-weight:bold;
  background: url("../images/case-h3.png") center no-repeat;
}

.case_top h3 span {
	color:#232323;
	}
	
.case_top .pro_hr {
  margin-top: 18px;
}
.case_bot {
  height: 500px;
  margin-top: 24px;
  overflow: hidden;
}
.swiper-case {
  width: 100%;
  height: 100%;
  padding-top: 15px;
  box-sizing: border-box;
}
.swiper-case .swiper-slide {
  width: 390px;
  height: 100%;
  position: relative;
  transition: all 0.5s;
}
.swiper-case .swiper-slide .case_img,
.swiper-case .swiper-slide .case_img img {
  display: block;
  width: 100%;
  height: 100%;
}
.swiper-case .swiper-slide .case_img img{
	object-fit: cover;
}
.swiper-case .swiper-slide .case_desc {
  width: 100%;
  height: 180px;
  box-sizing: border-box;
  padding: 75px 104px 30px 32px;
  background: url("../images/case_zz.png") center no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
}
.swiper-case .swiper-slide .case_desc .case_tit {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  color: #f2d15e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.swiper-case .swiper-slide .case_desc p {
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 15px;
}
.swiper-case .swiper-slide .case_desc .case_btn {
  display: block;
  width: 30px;
  height: 30px;
  background: url("../images/case_btn.png");
  position: absolute;
  bottom: 32px;
  right: 34px;
}
.swiper-case .swiper-slide:hover {
  transform: translateY(-15px);
}
/* about */
.about {
  width: 100%;
  height: 902px;
  overflow: hidden;
  padding: 172px 0 90px;
  box-sizing: border-box;
  background: url("../images/about_bg.jpg") no-repeat center center;
}
.about .center {
  height: 100%;
  background-color: #444444;
}
.about1 {
  height: 346px;
  box-sizing: border-box;
  padding: 54px 80px 52px 654px;
  position: relative;
}
.about1 > h4 {
  width: 613px;
  height: 78px;
  background: url("../images/about-h4.png");
  position: absolute;
  top: -78px;
  right: 16px;
}
.about1 .about_img {
  width: 560px;
  height: 368px;
  position: absolute;
  top: -60px;
  left: 0;
}
.about1 .about_img img {
  display: block;
  width: 100%;
  height: 100%;
}
.about1 .about_desc {
  width: 100%;
  height: 100%;
  background: url("../images/about_hr.png") right 78px no-repeat;
}
.about1 .about_desc .about_hr {
  width: 34px;
  height: 2px;
  background-color: #f9d250;
}
.about1 .about_desc h5 {
  font-size: 22px;
  font-weight: bold;
  line-height: 24px;
  color: #f2d15e;
  margin-top: 25px;
}
.about1 .about_desc p {
  width: 378px;
  font-size: 14px;
  line-height: 30px;
  color: #ffffff;
  height: 120px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  margin-top: 20px;
}
.about1 .about_desc .about_more {
  display: block;
  width: 100px;
  height: 30px;
  font-size: 14px;
  color: #222222;
  text-align: center;
  line-height: 30px;
  margin-top: 20px;
  border-radius: 15px;
  background-color: #f2d15e;
  transition: all 0.5s;
}
.about1 .about_desc .about_more:hover {
  border-radius: 0;
}
.about2 {
  height: 292px;
  box-sizing: border-box;
  padding: 0 24px 28px 28px;
}
.about2 .about_title {
  width: 1140px;
  height: 30px;
  margin: auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
}
.about2 .about_title li {
  float: left;
  height: 100%;
  margin-right: 85px;
}
.about2 .about_title li::after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background-color: #f2d15e;
  position: absolute;
  bottom: -1px;
  left: 0;
  transition: all 0.5s;
}
.about2 .about_title li:nth-child(2)::after {
  left: 150px;
}
.about2 .about_title li p {
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
}
.about2 .about_title li .about_more2 {
  font-size: 14px;
  line-height: 12px;
  color: #f2d15e;
  position: absolute;
  top: 3px;
  right: 5px;
  display: none;
}
.about2 .about_title .about_hot::after {
  width: 64px;
}
.about2 .about_title .about_hot .about_more2 {
  display: block;
}
.about_box {
  width: 100%;
  height: 206px;
  margin-top: 27px;
  overflow: hidden;
}
.about_box .swiper-container {
  width: 100%;
  height: 100%;
}
.about_box .swiper-container .swiper-slide {
  width: 276px !important;
  height: 100%;
  padding: 3px;
  box-sizing: border-box;
  /*background: url("../images/about_k.png") center bottom no-repeat;*/
  position: relative;
}
.about_box .swiper-container .swiper-slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 62px;
  background-color: #f2d15e;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}
.about_box .swiper-container .swiper-slide .about_img2 {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.about_box .swiper-container .swiper-slide .about_img2 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.about_box .swiper-container .swiper-slide .about_img2_t{
	width:100%;
	height:35px;
	transition:0.3s;
	line-height:35px;
	background:rgba(0,0,0,0.5);
	display:block;
	color:#fff;
	position:relative;
	z-index:2;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-top:5px;
}
.about_box .swiper-container .swiper-slide:hover .about_img2_t{
	margin-top:-35px;
}
.about_box .swiper-container .swiper-slide:hover::after {
  height: 100%;
}
.about_box .swiper-container .swiper-slide:hover .about_img2 img {
  transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
/* news */
.news {
  width: 100%;
  height: 825px;
  padding: 68px 0 65px;
  box-sizing: border-box;
  background: url("../images/news_bg.jpg") no-repeat center center;
}
.news .center {
  height: 100%;
}
.news_top h4 {
  font-family: Arial;
  font-size: 24px;
  line-height: 18px;
  color: #ffffff;
  background: none;
}
.news_top h3 {
  margin-top: 20px;
  font-size:40px;
  color:#fff;
  font-weight:bold;
  background: url("../images/news-h3.png") center no-repeat;
}

.news_top h3  span {
	color:#f2d15e;
	}
	
.news_top .pro_hr {
  margin-top: 28px;
}
.news_bot {
  margin-top: 40px;
}
.news_title {
  height: 38px;
  font-size: 0;
  text-align: center;
  overflow: hidden;
}
.news_title li {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  font-size: 22px;
  line-height: 22px;
  color: #ffffff;
  margin-right: 72px;
  position: relative;
}
.news_title li:last-child {
  margin-right: 0;
}
.news_title li::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #f2d15e;
  position: absolute;
  bottom: 0;
  left: 50%;
  transition: all 0.5s;
}
.news_title li a {
  display: block;
  color: #ffffff;
}
.news_title .news_hot::after {
  width: 90px;
  left: 0;
}
.news_bot2 {
  width: 100%;
  height: 460px;
  margin-top: 40px;
  overflow: hidden;
}
.news_bigBox {
  width: 100%;
  height: 460px;
  overflow: hidden;
}
.news_bot21 {
  float: left;
  width: 344px;
  height: 460px;
  position: relative;
}
.news_bot21 .news_img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.news_bot21 .news_img img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.news_bot21 .news_desc {
  width: 100%;
  height: 120px;
  overflow: hidden;
  background-color: rgba(17, 17, 17, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
}
.news_bot21 .news_desc .news_date {
  float: left;
  width: 110px;
  height: 100%;
  text-align: center;
  padding: 26px 0 28px;
  box-sizing: border-box;
  position: relative;
}
.news_bot21 .news_desc .news_date::after {
  content: "";
  display: block;
  width: 1px;
  height: 70px;
  background-color: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: 25px;
  right: 0;
}
.news_bot21 .news_desc .news_date p {
  font-family: Arial;
  font-size: 45px;
  line-height: 32px;
  color: #ffffff;
}
.news_bot21 .news_desc .news_date .news_hr {
  width: 56px;
  height: 1px;
  margin: 10px auto;
  background-color: rgba(255, 255, 255, 0.1);
}
.news_bot21 .news_desc .news_date span {
  display: block;
  font-family: Arial;
  font-size: 16px;
  line-height: 12px;
  color: #ffffff;
}
.news_bot21 .news_desc .news_desc11 {
  float: left;
  width: 234px;
  height: 100%;
  box-sizing: border-box;
  padding: 28px 10px 28px 30px;
}
.news_bot21 .news_desc .news_desc11 .news_more {
  display: block;
  width: 80px;
  height: 28px;
  font-size: 14px;
  color: #333333;
  line-height: 28px;
  text-align: center;
  border-radius: 14px;
  background-color: #f2d15e;
  transition: all 0.5s;
}
.news_bot21 .news_desc .news_desc11 .news_tit {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 17px;
  transition: all 0.5s;
}
.news_bot21:hover .news_desc11 .news_more {
  border-radius: 0;
}
.news_bot21:hover .news_desc11 .news_tit {
  color: #f2d15e;
}
.news_bot22 {
  float: right;
  width: 810px;
  height: 100%;
}
.news_bot22 .news_box {
  width: 100%;
  height: 140px;
  overflow: hidden;
}
.news_bot22 .news_box li {
  float: left;
  width: 390px;
  height: 100%;
  padding: 18px 10px 14px 196px;
  box-sizing: border-box;
  border: solid 1px rgba(68, 68, 68, 0.5);
  position: relative;
}
.news_bot22 .news_box li:nth-child(2) {
  margin-left: 30px;
}
.news_bot22 .news_box li .tops,
.news_bot22 .news_box li .bottom {
  width: 0;
  height: 1px;
  background: #f2d15e;
  transition: all 0.5s;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
}
.news_bot22 .news_box li .bottom {
  top: auto;
  bottom: -1px;
  left: auto;
  right: 0;
}
.news_bot22 .news_box li .left,
.news_bot22 .news_box li .right {
  width: 1px;
  height: 0;
  background: #f2d15e;
  transition: all 0.5s;
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 2;
}
.news_bot22 .news_box li .right {
  left: auto;
  right: -1px;
  top: 0;
  bottom: auto;
}
.news_bot22 .news_box li .news_img2 {
  display: block;
  width: 180px;
  height: 140px;
  position: absolute;
  top: -1px;
  left: -1px;
}
.news_bot22 .news_box li .news_img2 img {
  display: block;
  width: 100%;
  height: 100%;
}
.news_bot22 .news_box li .news_desc2 {
  width: 100%;
  height: 100%;
  position: relative;
}
.news_bot22 .news_box li .news_desc2 .news_tit2 {
  display: block;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.5s;
}
.news_bot22 .news_box li .news_desc2 p {
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 18px;
}
.news_bot22 .news_box li .news_desc2 .news_more2 {
  display: block;
  font-size: 12px;
  line-height: 10px;
  color: #999999;
  margin-top: 15px;
  transition: all 0.5s;
}
.news_bot22 .news_box li .news_desc2 i {
  display: block;
  font-size: 12px;
  line-height: 12px;
  color: #999999;
  position: absolute;
  bottom: 0;
  right: 0;
}
.news_bot22 .news_box li:hover .tops,
.news_bot22 .news_box li:hover .bottom {
  width: 390px;
}
.news_bot22 .news_box li:hover .left,
.news_bot22 .news_box li:hover .right {
  height: 140px;
}
.news_bot22 .news_box li:hover .bottom,
.news_bot22 .news_box li:hover .right {
  transition-delay: 0.2s;
}
.news_bot22 .news_box li:hover .news_desc2 .news_tit2 {
  color: #f2d15e;
}
.news_bot22 .news_box li:hover .news_desc2 .news_more2 {
  color: #ffffff;
}
.news_list {
  width: 100%;
  height: 290px;
  margin-top: 30px;
  overflow: hidden;
}
.news_list li {
  float: left;
  width: 390px;
  height: 80px;
  margin: 0 30px 25px 0;
  box-sizing: border-box;
  border: solid 1px #444444;
  position: relative;
}
.news_list li:nth-child(2n) {
  margin-right: 0;
}
.news_list li .tops,
.news_list li .bottom {
  width: 0;
  height: 1px;
  background: #f2d15e;
  transition: all 0.5s;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
}
.news_list li .bottom {
  top: auto;
  bottom: -1px;
  left: auto;
  right: 0;
}
.news_list li .left,
.news_list li .right {
  width: 1px;
  height: 0;
  background: #f2d15e;
  transition: all 0.5s;
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 2;
}
.news_list li .right {
  left: auto;
  right: -1px;
  top: 0;
  bottom: auto;
}
.news_list li .news_date2 {
  width: 80px;
  height: 80px;
  text-align: center;
  padding: 10px 0;
  box-sizing: border-box;
  background-color: #444444;
  position: absolute;
  top: -1px;
  left: -1px;
  transition: all 0.3s 0.1s;
}
.news_list li .news_date2 p {
  font-size: 30px;
  line-height: 24px;
  color: #cccccc;
  transition: all 0.3s 0.1s;
}
.news_list li .news_date2 .news_hr2 {
  width: 48px;
  height: 1px;
  margin: 6px auto;
  background: #cccccc;
  transition: all 0.3s 0.1s;
}
.news_list li .news_date2 span {
  display: block;
  font-size: 30px;
  line-height: 24px;
  color: #cccccc;
  transition: all 0.3s 0.1s;
}
.news_list li .news_desc3 {
  float: right;
  width: 308px;
  height: 100%;
  box-sizing: border-box;
  padding: 18px 26px 14px 22px;
}
.news_list li .news_desc3 .news_tit3 {
  display: block;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news_list li .news_desc3 p {
  font-size: 14px;
  line-height: 14px;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 18px;
}
.news_list li:hover .tops,
.news_list li:hover .bottom {
  width: 390px;
}
.news_list li:hover .left,
.news_list li:hover .right {
  height: 80px;
}
.news_list li:hover .bottom,
.news_list li:hover .right,
.news_list li:hover .left {
  transition-delay: 0.2s;
}
.news_list li:hover .news_date2 {
  background-color: #f2d15e;
}
.news_list li:hover .news_date2 p,
.news_list li:hover .news_date2 span {
  color: #333333;
}
.news_list li:hover .news_date2 .news_hr2 {
  background: #333333;
}
.news_list li:hover .news_desc3 .news_tit3 {
  color: #f2d15e;
}
/* link */
.link {
  width: 100%;
  height: 65px;
  box-sizing: border-box;
  border-top: 5px solid #f2d15e;
  background-color: #232323;
}
.link .center {
  height: 100%;
  line-height: 60px;
  overflow: hidden;
}
.link .center h3 {
  float: left;
  font-family: Arial;
  font-size: 24px;
  color: #ffffff;
}
.link .center h3 span {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #ffffff;
  margin-left: 3px;
}
.link .center .links {
  float: left;
  width: 982px;
  height: 100%;
  overflow: hidden;
  margin-left: 74px;
}
.link .center .links li {
  float: left;
  font-size: 14px;
  color: #666666;
  margin-right: 62px;
}
.link .center .links li:last-child {
  margin-right: 0;
}
.link .center .links li a {
  color: #666666;
  transition: all 0.5s;
}
.link .center .links li:hover a {
  color: #ffffff;
}

/*# sourceMappingURL=in.css.map */